<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
		<title>精美景点</title>
		<!-- bootstrap -->
		<link rel="stylesheet" href="./assets/css/bootstrap.min.css" />
	
		<!-- animate.css -->
		<link rel="stylesheet" href="./assets/css/animate.min.css" />
	
		<!-- 重置样式 -->
		<link rel="stylesheet/less" href="./assets/css/reset.less" />
	
		<!-- 公共样式 -->
		<link rel="stylesheet/less" href="./assets/css/common.less" />
	
		<!-- 页面独立的 -->
		<link rel="stylesheet/less" href="./assets/css/scenic_2.less" />
		<style>
	
		</style>
	</head>
	<body>
		<!-- 导航 -->
		<div class="header" id="header">
			<nav class="navbar navbar-inverse">
				<div class="container">
					<div class="container-fluid">
						<div class="navbar-header">
							<button type="button" class="navbar-toggle collapsed wow fadeInLeft" data-toggle="collapse"
								data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
								<span class="sr-only">Toggle navigation</span>
								<span class="icon-bar icon-bar-span"></span>
								<span class="icon-bar icon-bar-span"></span>
								<span class="icon-bar icon-bar-span"></span>
							</button>
							<a class="navbar-brand logo wow fadeInLeft" href="#">旅旅游吧</a>
						</div>
		
						<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
							<ul class="nav navbar-nav navbar-right">
								<!-- 菜单 -->
								<li><a href="index.html" class="wow fadeInRight" data-wow-delay="100ms">首页</a></li>
								<li><a href="scenic_2.html" class="wow fadeInRight" data-wow-delay="200ms">精美景点</a></li>
								<li><a href="tourismnews_3.html" class="wow fadeInRight" data-wow-delay="300ms">旅游新闻</a></li>
								<li><a href="advantage_4.html" class="wow fadeInRight" data-wow-delay="400ms">服务优势</a></li>
							</ul>
						</div>
					</div>
				</div>
			</nav>
		</div>
		
		<!-- 境内旅游 -->
		<div class="domestic">
			<div class="domestic_h">
				<p class="domestic_h1 wow fadeInUp">境内旅游</p>
				<p class="domestic_h2 wow fadeInUp">境内旅游推荐，让你的旅行更省心</p>
			</div>
			<div class="domestic_li">
				<div class="domestic_left">
					<div class="domestic_img1">
						<img src="./assets/images/domestic_img1.jpg">
					</div>
					<div class="domestic_img2">
						<img src="./assets/images/domestic_img2.jpg">
					</div>
				</div>
				<div class="domestic_right">
					<div class="domestic_text wow fadeInLeft">
						<div class="domestic_tu wow fadeInLeft">
							<img src="assets/images/t1.jpg" />
						</div>
						<div class="domestic_texth">
							<div class="domestic_texth1">
								湖南 |【五一】出游计划合集 总有一款适合您
							</div>
							<div class="domestic_texth2 ">
								<dfn>￥</dfn><span class="num">2599</span>起
							</div>
						</div>
					</div>
					<div class="domestic_text wow fadeInLeft">
						<div class="domestic_tu wow fadeInLeft">
							<img src="assets/images/t1.jpg" />
						</div>
						<div class="domestic_texth">
							<div class="domestic_texth1">
								湖南 |【五一】出游计划合集 总有一款适合您
							</div>
							<div class="domestic_texth2">
								<dfn>￥</dfn><span class="num">2599</span>起
							</div>
						</div>
					</div>
					<div class="domestic_text wow fadeInLeft">
						<div class="domestic_tu wow fadeInLeft">
							<img src="assets/images/t1.jpg" />
						</div>
						<div class="domestic_texth">
							<div class="domestic_texth1">
								湖南 |【五一】出游计划合集 总有一款适合您
							</div>
							<div class="domestic_texth2">
								<dfn>￥</dfn><span class="num">2599</span>起
							</div>
						</div>
					</div>
					<div class="domestic_text wow fadeInLeft">
						<div class="domestic_tu wow fadeInLeft">
							<img src="assets/images/t1.jpg" />
						</div>
						<div class="domestic_texth">
							<div class="domestic_texth1">
								湖南 |【五一】出游计划合集 总有一款适合您
							</div>
							<div class="domestic_texth2">
								<dfn>￥</dfn><span class="num">2599</span>起
							</div>
						</div>
					</div>
					<div class="domestic_text wow fadeInLeft">
						<div class="domestic_tu wow fadeInLeft">
							<img src="assets/images/t1.jpg" />
						</div>
						<div class="domestic_texth">
							<div class="domestic_texth1">
								湖南 |【五一】出游计划合集 总有一款适合您
							</div>
							<div class="domestic_texth2">
								<dfn>￥</dfn><span class="num">2599</span>起
							</div>
						</div>
					</div>
					<div class="domestic_text wow fadeInLeft">
						<div class="domestic_tu wow fadeInLeft">
							<img src="assets/images/t1.jpg" />
						</div>
						<div class="domestic_texth">
							<div class="domestic_texth1">
								湖南 |【五一】出游计划合集 总有一款适合您
							</div>
							<div class="domestic_texth2">
								<dfn>￥</dfn><span class="num">2599</span>起
							</div>
						</div>
					</div>
					<div class="domestic_text domestic_text0 wow fadeInLeft">
						<div class="domestic_tu wow fadeInLeft">
							<img src="assets/images/t1.jpg" />
						</div>
						<div class="domestic_texth">
							<div class="domestic_texth1">
								湖南 |【五一】出游计划合集 总有一款适合您
							</div>
							<div class="domestic_texth2">
								<dfn>￥</dfn><span class="num">2599</span>起
							</div>
						</div>
					</div>
					<div class="domestic_text domestic_text0 wow fadeInLeft">
						<div class="domestic_tu wow fadeInLeft">
							<img src="assets/images/t1.jpg" />
						</div>
						<div class="domestic_texth">
							<div class="domestic_texth1">
								湖南 |【五一】出游计划合集 总有一款适合您
							</div>
							<div class="domestic_texth2">
								<dfn>￥</dfn><span class="num">2599</span>起
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- 当季热推 -->
		<div class="promotion">
			<div class="promotion_h">
				<p class="promotion_h1 wow fadeInUp">当季热推</p>
				<p class="promotion_h2 wow fadeInUp">热推让您的出行更放心更安心</p>
			</div>
			<div class="promotion_text">
				<div class="promotion_text1">
					<div class="promotion_lih">
						当季热卖·跟团游 >
					</div>
					<div class="promotion_li">
						<div class="promotion_liimg">
							<img src="assets/images/promotion_li1.jpg" />
						</div>
						<div class="promotion_lip">
							<div class="promotion_lip1">
								<div class="promotion_lip1a">杭州+乌镇+西塘3日2晚跟团游当季热卖·跟团游</div>
								<div class="promotion_lip1b">
									<dfn>￥</dfn><span class="num">2599</span>起
								</div>
							</div>
							<div class="promotion_lip2">
								<span class="num">4.9分</span>
								 | 5359人出游
							</div>
						</div>
					</div>
					<div class="promotion_li">
						<div class="promotion_liimg">
							<img src="assets/images/promotion_li2.jpg" />
						</div>
						<div class="promotion_lip">
							<div class="promotion_lip1">
								<div class="promotion_lip1a">杭州+乌镇+西塘3日2晚跟团游当季热卖·跟团游</div>
								<div class="promotion_lip1b">
									<dfn>￥</dfn><span class="num">2599</span>起
								</div>
							</div>
							<div class="promotion_lip2">
								<span class="num">4.9分</span>
								 | 5359人出游
							</div>
						</div>
					</div>
					<div class="promotion_li">
						<div class="promotion_liimg">
							<img src="assets/images/promotion_li3.jpg" />
						</div>
						<div class="promotion_lip">
							<div class="promotion_lip1">
								<div class="promotion_lip1a">杭州+乌镇+西塘3日2晚跟团游当季热卖·跟团游</div>
								<div class="promotion_lip1b">
									<dfn>￥</dfn><span class="num">2599</span>起
								</div>
							</div>
							<div class="promotion_lip2">
								<span class="num">4.9分</span>
								 | 5359人出游
							</div>
						</div>
					</div>
					<div class="promotion_li">
						<div class="promotion_liimg">
							<img src="assets/images/promotion_li4.jpg" />
						</div>
						<div class="promotion_lip">
							<div class="promotion_lip1">
								<div class="promotion_lip1a">杭州+乌镇+西塘3日2晚跟团游当季热卖·跟团游</div>
								<div class="promotion_lip1b">
									<dfn>￥</dfn><span class="num">2599</span>起
								</div>
							</div>
							<div class="promotion_lip2">
								<span class="num">4.9分</span>
								 | 5359人出游
							</div>
						</div>
					</div>
					<div class="promotion_li">
						<div class="promotion_liimg">
							<img src="assets/images/promotion_li5.jpg" />
						</div>
						<div class="promotion_lip">
							<div class="promotion_lip1">
								<div class="promotion_lip1a">杭州+乌镇+西塘3日2晚跟团游当季热卖·跟团游</div>
								<div class="promotion_lip1b">
									<dfn>￥</dfn><span class="num">2599</span>起
								</div>
							</div>
							<div class="promotion_lip2">
								<span class="num">4.9分</span>
								 | 5359人出游
							</div>
						</div>
					</div>
				</div>
				<div class="promotion_text1">
					<div class="promotion_lih">
						当季热卖·跟团游 >
					</div>
					<div class="promotion_li">
						<div class="promotion_liimg">
							<img src="assets/images/promotion_li1.jpg" />
						</div>
						<div class="promotion_lip">
							<div class="promotion_lip1">
								<div class="promotion_lip1a">杭州+乌镇+西塘3日2晚跟团游当季热卖·跟团游</div>
								<div class="promotion_lip1b">
									<dfn>￥</dfn><span class="num">2599</span>起
								</div>
							</div>
							<div class="promotion_lip2">
								<span class="num">4.9分</span>
								 | 5359人出游
							</div>
						</div>
					</div>
					<div class="promotion_li">
						<div class="promotion_liimg">
							<img src="assets/images/promotion_li2.jpg" />
						</div>
						<div class="promotion_lip">
							<div class="promotion_lip1">
								<div class="promotion_lip1a">杭州+乌镇+西塘3日2晚跟团游当季热卖·跟团游</div>
								<div class="promotion_lip1b">
									<dfn>￥</dfn><span class="num">2599</span>起
								</div>
							</div>
							<div class="promotion_lip2">
								<span class="num">4.9分</span>
								 | 5359人出游
							</div>
						</div>
					</div>
					<div class="promotion_li">
						<div class="promotion_liimg">
							<img src="assets/images/promotion_li3.jpg" />
						</div>
						<div class="promotion_lip">
							<div class="promotion_lip1">
								<div class="promotion_lip1a">杭州+乌镇+西塘3日2晚跟团游当季热卖·跟团游</div>
								<div class="promotion_lip1b">
									<dfn>￥</dfn><span class="num">2599</span>起
								</div>
							</div>
							<div class="promotion_lip2">
								<span class="num">4.9分</span>
								 | 5359人出游
							</div>
						</div>
					</div>
					<div class="promotion_li">
						<div class="promotion_liimg">
							<img src="assets/images/promotion_li4.jpg" />
						</div>
						<div class="promotion_lip">
							<div class="promotion_lip1">
								<div class="promotion_lip1a">杭州+乌镇+西塘3日2晚跟团游当季热卖·跟团游</div>
								<div class="promotion_lip1b">
									<dfn>￥</dfn><span class="num">2599</span>起
								</div>
							</div>
							<div class="promotion_lip2">
								<span class="num">4.9分</span>
								 | 5359人出游
							</div>
						</div>
					</div>
					<div class="promotion_li">
						<div class="promotion_liimg">
							<img src="assets/images/promotion_li5.jpg" />
						</div>
						<div class="promotion_lip">
							<div class="promotion_lip1">
								<div class="promotion_lip1a">杭州+乌镇+西塘3日2晚跟团游当季热卖·跟团游</div>
								<div class="promotion_lip1b">
									<dfn>￥</dfn><span class="num">2599</span>起
								</div>
							</div>
							<div class="promotion_lip2">
								<span class="num">4.9分</span>
								 | 5359人出游
							</div>
						</div>
					</div>
				</div>
				<div class="promotion_text1">
					<div class="promotion_lih">
						当季热卖·跟团游 >
					</div>
					<div class="promotion_li">
						<div class="promotion_liimg">
							<img src="assets/images/promotion_li1.jpg" />
						</div>
						<div class="promotion_lip">
							<div class="promotion_lip1">
								<div class="promotion_lip1a">杭州+乌镇+西塘3日2晚跟团游当季热卖·跟团游</div>
								<div class="promotion_lip1b">
									<dfn>￥</dfn><span class="num">2599</span>起
								</div>
							</div>
							<div class="promotion_lip2">
								<span class="num">4.9分</span>
								 | 5359人出游
							</div>
						</div>
					</div>
					<div class="promotion_li">
						<div class="promotion_liimg">
							<img src="assets/images/promotion_li2.jpg" />
						</div>
						<div class="promotion_lip">
							<div class="promotion_lip1">
								<div class="promotion_lip1a">杭州+乌镇+西塘3日2晚跟团游当季热卖·跟团游</div>
								<div class="promotion_lip1b">
									<dfn>￥</dfn><span class="num">2599</span>起
								</div>
							</div>
							<div class="promotion_lip2">
								<span class="num">4.9分</span>
								 | 5359人出游
							</div>
						</div>
					</div>
					<div class="promotion_li">
						<div class="promotion_liimg">
							<img src="assets/images/promotion_li3.jpg" />
						</div>
						<div class="promotion_lip">
							<div class="promotion_lip1">
								<div class="promotion_lip1a">杭州+乌镇+西塘3日2晚跟团游当季热卖·跟团游</div>
								<div class="promotion_lip1b">
									<dfn>￥</dfn><span class="num">2599</span>起
								</div>
							</div>
							<div class="promotion_lip2">
								<span class="num">4.9分</span>
								 | 5359人出游
							</div>
						</div>
					</div>
					<div class="promotion_li">
						<div class="promotion_liimg">
							<img src="assets/images/promotion_li4.jpg" />
						</div>
						<div class="promotion_lip">
							<div class="promotion_lip1">
								<div class="promotion_lip1a">杭州+乌镇+西塘3日2晚跟团游当季热卖·跟团游</div>
								<div class="promotion_lip1b">
									<dfn>￥</dfn><span class="num">2599</span>起
								</div>
							</div>
							<div class="promotion_lip2">
								<span class="num">4.9分</span>
								 | 5359人出游
							</div>
						</div>
					</div>
					<div class="promotion_li">
						<div class="promotion_liimg">
							<img src="assets/images/promotion_li5.jpg" />
						</div>
						<div class="promotion_lip">
							<div class="promotion_lip1">
								<div class="promotion_lip1a">杭州+乌镇+西塘3日2晚跟团游当季热卖·跟团游</div>
								<div class="promotion_lip1b">
									<dfn>￥</dfn><span class="num">2599</span>起
								</div>
							</div>
							<div class="promotion_lip2">
								<span class="num">4.9分</span>
								 | 5359人出游
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- 网红精美景点推荐 -->
		<div class="evaluate">
			<div class="evaluate_h">
				<p class="evaluate_h1 wow fadeInUp">网红精美景点推荐</p>
			</div>
			<div class="evaluate_z">
				<div class="evaluate_img1 wow fadeInLeft">
					<img src="assets/images/about1.jpg">
				</div>
				<div class="evaluate_text wow fadeInUp">
					<div class="evaluate_textp">
						<div class="evaluate_textpimg">
							<img src="assets/images/promotion_li1.jpg" />
						</div>
						<div class="evaluate_textpm">
							<div class="evaluate_textpm1">旅游旅游</div>
							<div class="evaluate_textpm2">
								热点推荐
							</div>
						</div>
					</div>
					<div class="evaluate_texth">龙游石窟、药王山、烂柯山、天脊龙门三日游</div>
					<div class="evaluate_text1">北外滩西至河南北路与静安区（老闸北）相邻，东到大连路与杨浦区相接，南界苏州河与黄浦区相交，北临周家嘴路海宁路。作为外滩的延伸，这里拥有丰富的文化资源和深厚的历史积淀，区位优势更是得天独厚：坐北朝南，面水朝阳，西南处外白渡桥、吴淞路桥两桥与老外滩相连，南面隔江与陆家嘴金融贸易区相望，延绵起伏的古典建筑群和对岸的摩天大楼尽收眼底，与外滩、陆家嘴形成三足鼎立之势，共同构成黄金三角，蕴含巨大的开发价值。</div>
				</div>
			</div>
			<div class="evaluate_z">
				<div class="evaluate_img1 evaluate_img2 wow fadeInLeft">
					<img src="assets/images/about1.jpg">
				</div>
				<div class="evaluate_text evaluate_text2 wow fadeInUp">
					<div class="evaluate_textp">
						<div class="evaluate_textpimg">
							<img src="assets/images/promotion_li1.jpg" />
						</div>
						<div class="evaluate_textpm">
							<div class="evaluate_textpm1">旅游旅游</div>
							<div class="evaluate_textpm2">
								热点推荐
							</div>
						</div>
					</div>
					<div class="evaluate_texth">龙游石窟、药王山、烂柯山、天脊龙门三日游</div>
					<div class="evaluate_text1">北外滩西至河南北路与静安区（老闸北）相邻，东到大连路与杨浦区相接，南界苏州河与黄浦区相交，北临周家嘴路海宁路。作为外滩的延伸，这里拥有丰富的文化资源和深厚的历史积淀，区位优势更是得天独厚：坐北朝南，面水朝阳，西南处外白渡桥、吴淞路桥两桥与老外滩相连，南面隔江与陆家嘴金融贸易区相望，延绵起伏的古典建筑群和对岸的摩天大楼尽收眼底，与外滩、陆家嘴形成三足鼎立之势，共同构成黄金三角，蕴含巨大的开发价值。</div>
				</div>
			</div>
			<div class="evaluate_z">
				<div class="evaluate_img1 wow fadeInLeft">
					<img src="assets/images/about1.jpg">
				</div>
				<div class="evaluate_text wow fadeInUp">
					<div class="evaluate_textp">
						<div class="evaluate_textpimg">
							<img src="assets/images/promotion_li1.jpg" />
						</div>
						<div class="evaluate_textpm">
							<div class="evaluate_textpm1">旅游旅游</div>
							<div class="evaluate_textpm2">
								热点推荐
							</div>
						</div>
					</div>
					<div class="evaluate_texth">龙游石窟、药王山、烂柯山、天脊龙门三日游</div>
					<div class="evaluate_text1">北外滩西至河南北路与静安区（老闸北）相邻，东到大连路与杨浦区相接，南界苏州河与黄浦区相交，北临周家嘴路海宁路。作为外滩的延伸，这里拥有丰富的文化资源和深厚的历史积淀，区位优势更是得天独厚：坐北朝南，面水朝阳，西南处外白渡桥、吴淞路桥两桥与老外滩相连，南面隔江与陆家嘴金融贸易区相望，延绵起伏的古典建筑群和对岸的摩天大楼尽收眼底，与外滩、陆家嘴形成三足鼎立之势，共同构成黄金三角，蕴含巨大的开发价值。</div>
				</div>
			</div>
		</div>
		<!-- 底部 -->
		<div id="footer">
			<div class="container">
				<div class="left wow fadeInLeft">
					保留所有权利，版权所有 © 2023 旅旅游吧
				</div>
				<div class="right">
					<a href="javascript:void(0)" class="wow fadeInRight">f</a>
					<a href="javascript:void(0)" class="wow fadeInRight">f</a>
					<a href="javascript:void(0)" class="wow fadeInRight">f</a>
					<a href="javascript:void(0)" class="wow fadeInRight">f</a>
					<a href="javascript:void(0)" class="wow fadeInRight">f</a>
				</div>
			</div>
		</div>
		<!-- 返回顶部 -->
		<div id="back">
			<a href="#header" id="gotop">
				<img src="assets/images/hddb.png" />
			</a>
		</div>
	</body>
</html>
<!-- 解析less的文件 -->
<script src="./assets/js/less.min.js"></script>

<!-- jquery  -->
<script src="./assets/js/jquery.min.js"></script>

<!-- bootstrap -->
<script src="./assets/js/bootstrap.min.js"></script>

<!-- wow.js -->
<script src="./assets/js/wow.min.repeat.js"></script>


<script>
	//获取id为background的元素
	var background = document.getElementById("background")

	//实例化wow.js
	new WOW().init()
	
	//锚点跳转滑动效果  
	$('#bs-example-navbar-collapse-1 a[href],#banner a[href],#back a[href]').click(function() {
		if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this
			.hostname) {
			var $target = $(this.hash);
			$target = $target.length && $target || $('[name=' + this.hash.slice(1) + ']');
			if ($target.length) {
				var targetOffset = $target.offset().top;
				$('html,body').animate({
					scrollTop: targetOffset
				}, 1000);
				return false;
			}
		}
	});

	//给页面绑定一个滚动条事件
	$(document).scroll(function() {
		//获取滚动条滚动长度大小
		var distance = $(this).scrollTop()

	// 	当滚动条滚动的长度大于10
		if (distance > 10) {
			// 显示返回顶部
			$("#gotop").css({
				zIndex: 99998,
				opacity: 1
			});
			$("#header").css({
				backgroundColor: '#111111',
				paddingBottom: 0
			});
		} else {
			// 隐藏返回顶部
			$("#gotop").css({
				zIndex: -99998,
				opacity: 0
			});
			$("#header").css({
				backgroundColor: 'transparent',
				paddingBottom: '1em'
			});
		}
	})
</script>

